<template>
  <div class="container-outer">
    <div class="swiper-hero">
      <slot name="swiper"></slot>
      <div class="hero"><slot name="hero"></slot></div>
    </div>
  </div>
</template>

<script setup lang="ts"></script>

<style lang="less" scoped>
.container-outer {
  width: 100%;
}
.swiper-hero {
  height: 670px;
  .hero {
    margin-top: 14px;
    display: flex;
    justify-content: space-between;
  }
}
</style>
